<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body style="text-align:center">
  <from>

    <div>
      <span>用户名</span>
      <input style="font-size: x-large;" placeholder="请设置用户名"></input>
    </div><br/>

    <div>
      <span>手机号</span>
      <input style="font-size: x-large;" placeholder="可用于登录和找回密码"></input>
    </div><br/>

    <div>
        <span>密码</span>
        <input style="font-size: x-large;" placeholder="请设置登录密码"></input>
      </div><br/>

      <div>
          <span>验证码</span>
          <input style="font-size: x-large;width:12%" placeholder="请输入验证码"></input>
          <button style="font-size:large">获取短信验证码</button>
        </div><br/>
    
        <h5><input type="checkbox"/>阅读并接受《百度用户协议》及《百度隐私权保护声明》</h5><br />

    <button style="background-color: #4490f7;color: #f3efef;width: 350px;font-size: x-large;">
      <span>注册</span>
    </button>
  </from>
</body>

</html>